{% extends "trp/base.html" %}
{% block content%}
<!-- 流量管理——管理员 -->
<div class="pageheader">
    <div class="searchbox pull-right">
        <label>搜索<input id="term" class="searchbox-ipt" placeholder="按名称、属性模糊搜索" type="text"></label>
        <a class="searchbox-btn" href="javascript:;"></a>
    </div>
    <div class="daterangebox pull-right">
        <input type="text" name="reservation" class="daterangebox-ipt" value="" placeholder="按购买周期模糊搜索" readonly />
        <a class="daterangebox-btn" href="javascript:;">日期</a>
    </div>
    <div class="dropbox pull-right">
    	<input type="text" name="measure" style="width:150px;" placeholder="按尺寸搜索" />
    </div>
</div>
<div class="pagebox">
	<table id="trafficList" class="grid" width="100%">
	    <thead>
	        <tr>
	            <th style="width:150px;">广告位名称</th>
	            <th style="width:100px;">广告位属性</th>
	            <th style="width:60px;">宽</th>
                <th style="width:60px;">高</th>
                <th style="width:60px;">分栏数</th>
	            <th style="width:100px;">所属媒体</th>
	            <th>媒体属性</th>
	            <th minwidth="170">购买周期</th>
	            <th style="width:100px;">购买方式</th>
	            <th style="width:100px;">购买价格</th>
	            <th style="width:100px;">预估日千次曝光量</th>
	            <th style="width:100px;">预估日点击量</th>
	            <th style="width:80px;">分配给</th>
	            <th style="width:70px;">底价(元/千次曝光)</th>
	            <th style="width:120px;">流量开关</th>
	            <th minwidth="150">操作</th>
	        </tr>
	    </thead>
	    <tbody>
	    	<tr><td colspan="16" class="loading">&nbsp;</td></tr>
	    </tbody>
	</table>
</div>
<div class="pop-showtraffic pop-form form-group" style="display:none;">
	<form class="trafficForm">
		<div class="form_item">
			<label class="form_label">广告位ID：</label>
			<div class="form_ctrl position_id"></div>
		</div>
		<div class="form_item">
			<label class="form_label">广告位名称：</label>
			<div class="form_ctrl position_name"></div>
		</div>
		<div class="form_item">
			<label class="form_label">广告位属性：</label>
			<div class="form_ctrl position_attrs"></div>
		</div>
		<div class="form_item">
			<label class="form_label">素材类型：</label>
			<div class="form_ctrl mertial_type"></div>
		</div>
		<div class="form_item">
			<label class="form_label">大小限制：</label>
			<div class="form_ctrl size">150KB</div>
		</div>
		<div class="form_item">
			<label class="form_label">购买周期：</label>
			<div class="form_ctrl">
				<div class="daterangebox">
			        <input type="text" name="circle" placeholder="请选择日期..." class="form-control daterangebox-ipt" readonly />
			        <a class="daterangebox-btn" href="javascript:;">日期</a>
			    </div>
			</div>
		</div>
		<div class="form_item form_item_half">
			<label class="form_label">购买方式：</label>
			<div class="form_ctrl">
				<select name="bid_type" class="form-control" placeholder="请选择方式..." style="width:100px;">
					<option value="1" selected="selected">CPM</option>
					<option value="0">CPD</option>
				</select>
			</div>
		</div>
		<div class="form_item form_item_half hasunit">
			<label class="form_label" style="width:125px;">购买价格：</label>
			<div class="form_ctrl">
				<input type="text" name="bid_price" class="form-control number" placeholder="请填写价格..." style="width:100px;float:left;"/>
				&nbsp;<span class="unit">元/千次曝光</span>
			</div>
		</div>        
		<div class="form_item form_item_half">
			<label class="form_label">预估日千次曝光量：</label>
			<div class="form_ctrl">
				<input type="text" name="pv" class="form-control number" placeholder="请填写曝光数..." style="width:100px;"/>
			</div>
		</div>
		<div class="form_item form_item_half">
			<label class="form_label" style="width:125px;">预估日点击量：</label>
			<div class="form_ctrl">
				<input type="text" name="click" class="form-control number" placeholder="请填写点击数..." style="width:100px;"/>
			</div>
		</div>
		<div class="form_item">
			<label class="form_label">是否平台独占：</label>
			<div class="form_ctrl">
				<input type="hidden" name="shared" />
				<div class="btn-group">
				  <button type="button" class="btn shared">是</button>
				  <button type="button" class="btn noshared">否</button>
				</div>
			</div>
		</div>
		<div class="shared_other">
			<div class="form_item">
				<label class="form_label">售卖方式：</label>
				<div class="form_ctrl">
					<input type="text" name="buy_type" class="form-control" placeholder="请填写方式..." value="CPM" style="width:100px;float:left;" readonly/>
				</div>
			</div>
			<div class="form_item hasunit">
				<label class="form_label">底价：</label>
				<div class="form_ctrl">
					<input type="text" name="floor" class="form-control number" placeholder="请填写底价..." style="width:100px;float:left;" />
					&nbsp;元/千次曝光
				</div>
			</div>
		</div>	
	</form>
</div>
<script>seajs.use('trp/js/traffic_admin');</script>
{% endblock%}